﻿import React, {Component} from 'react'
import {BrowserRouter} from 'react-router-dom';
import PageSidebar from './Sidebar'
import PageHeader from './Header'
import Routes from '../routes'
import {observer} from 'mobx-react'
import classNames from 'classnames'

@observer
class App extends Component {
    render() {
        return (
            <BrowserRouter>
                <div id="page-wrapper" className={classNames({'sidebar-closed': false})}>
                    <PageHeader/>
                    <div id="page-content-wrapper">
                        <PageSidebar/>
                        <div id="page-content">
                            <Routes/>
                        </div>
                    </div>
                </div>
            </BrowserRouter>)
    }
}

export default App